import Vue from 'vue'
import './plugins/axios'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/element.js'
// 引入Markdown编辑器
import VueMarkdownEditor from '@kangc/v-md-editor';
import '@kangc/v-md-editor/lib/style/base-editor.css';

import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';

import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';
import Prism from 'prismjs'
import {
  Card,
  Container,
  Form,
  FormItem,
  Header,
  Image,
  Input,
  Main,
  Menu,
  MenuItem,
  Option,
  Select,
  Submenu,
  Table,
  TableColumn
} from 'element-ui'


// Markdown编辑器使用 vuepress主题
VMdPreview.use(vuepressTheme, {
    // 使用代码高亮插件
    Prism
})
VueMarkdownEditor.use(vuepressTheme, {
    Prism
})
Vue.config.productionTip = false

Vue.use(Container).use(Header).use(Main).use(Menu).use(Submenu).use(MenuItem).use(Form).use(Input).use(FormItem).use(Card).use(Select).use(Option).use(Table).use(TableColumn).use(Image)
Vue.use(VMdPreview)
Vue.use(VueMarkdownEditor)

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')
